<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        *{
            font-size:1.6rem;
        }
        #header{

            padding-top: 1.6rem;
            background-color: red;
            height:3.2rem;
            width:100%;
        }
        #header img{
            height:1.6rem;
            width:1.6rem;
        }
        #header span{
            margin-top: 3rem;
        }
    </style>
</head>

<body>

<div id="header">
    <img src="top_back.png"/>
    <img style="margin-right:2rem;float:right" src="bottom_home_click.png"/>
     <span>订单填写</span>

</div>

<div style="height:7.2rem;background-color:darkgray;padding: 0 1.6rem ">
    <p style="padding-top: 1.6rem">洞头大沙岙海滨浴场静电场成人门票</p>
    <p style="font-size:1.2rem">预定数量:2张</p>
</div>


<div style="background-color: red;height:2.5rem;position:relative;padding-top:2.5rem">
    <span style="">联系人信息</span>
    <span style="position:absolute;right:0rem;color: #00aaff" >常用联系人</span></div>

<div style="position:relative;height:5rem;width:100%;background-color: grey">
<span style="float:left">手机号码:</span>
    <div style="margin-left:9rem;">
        <input style="width:100%" type="text"  placeholder="用于接受预订信息"/>
    </div>

</div>
<div>


</div>
<div></div>

</body>
</html>